【小5聊】Vue基础总结

【循环纯值数组】

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、

猜你喜欢

转载自blog.csdn.net/lmy_520/article/details/112375042