zoukankan      html  css  js  c++  java
  • vue3的新写法和特性整理—— 一、从创建项目开始

    1、创建命令的变化
    用vue3命令创建xx项目:vue create "xx"
    注:vue3在创建项目时,只能使用小写字母,以及亲和url的字符,否则将会报错

    vue create m+ 创建项目时报错:Error: name can only contain URL-friendly characters

    vue create mV 创建项目时报错:Warning: name can no longer contain capital letters

    2、项目的变化
    还是熟悉的目录结构;

    熟悉的运行命令;

    但是main.js就和以前不太一样了;

    vue3都是基于函数式的api,不同于以前调用构造函数的方式来创建一个Vue实例

    3、store和router的使用变化
    作为vue全家桶中重要成员,store和router也改用了函数式api
    store的写法差异

    router的写法差异

    使用store和router的函数式api,在main.js使用use函数挂载,即可在项目中使用store和router,不需要再从this上取值。
    因为this在实际生产过程中,偶尔会遇到this指向不明确的情况,从而导致数据异常,函数式api则可避免这类问题的出现

    随笔为本人学习笔记以及个人看法,若有错误,欢迎指正
  • 相关阅读:
    VueBlog
    java 代理模式
    集合框架
    面试题
    java 多线程
    网络编程
    HTTP
    MAVEN
    Redis高级
    深入浅出--梯度下降法及其实现
  • 原文地址:https://www.cnblogs.com/yjc-vue-react-java/p/13869752.html
Copyright © 2011-2022 走看看