小5聊Vue基础总结

Posted 2022-01-02 小5聊

【循环纯值数组】

var arr=[1,2,3,4,5,6,7,8,9,10]
arr.forEach((v, i) => 
  //v=值
  //i=下标
);

【循环数组对象】

var arr=[id:1,value:'one',id:2,value:'two']
arr.forEach((v) => 
  //v=值=id:1,value:'one'、id:2,value:'two'
  //i=下标
  //v.id、v.value
);

【data-return没有定位变量报错】

虽然不影响使用，但是有个bug显示出来看着不舒服

data()方法return里没有定位变量，但是在标签属性里使用了

【HBuilderX】

1、HBuilder X 3.2.16 创建 Vue 2.15.7项目

2、打包Vue到IIS

3、Vue结构简要说明

1）dist

发布文件目录，部署时，直接复制此文件夹下的文件夹即可

2）node_modules

3）public

4）src

5）

4、 引入组件，并给组件变量传参数值

5、

【VS code】

1、安装并汉化

初始界面，按Ctrl+Shift+p，搜索-configure display language-选择简体中文即可

2、新建终端，输入npm，提示，无法将“npm”项识别

 3、确认是否安装了node

npm，node package manager 

下载安装node.js

4、配置环境变量

 6、重新启动VS_Code开发工具

7、element-ui 安装

npm i element-ui -S

8、运行

npm run serve

9、发布

npm run build

自动编译把文件发布到dist文件夹里

10、main.js引入需要的文件

11、安装路由模块

npm install router

npm install vue-router

npm install --save vuex

12、axios - 请求

npm install axios

13、页面加载时执行某个方法

create、mounted

14、