之前的Vue基础的笔记:https://www.tinstu.com/category/notes/web/vue
其他笔记:https://blog.csdn.net/hancoder/article/details/107007605
其他的补充：
安装
如何引入<script src=”https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>外
还可以：
- 先
npm init -y初始化项目，生成了一个package.json文件，说明他是一个npm管理的项目- 类似于maven的pom.xml
npm install vue，安装后在项目node_modules里有vue- 类似maven install拉取远程到本地
计算属性和侦听器
计算属性computed：属性不是具体值，而是通过一个函数计算出来的，随时变化
监听$watch ：通过 watch 来响应数据的变化
案例 1.实时显示总价，2.购买不得大于3个
过滤器filter
过滤器案例
组件化
全局组件
局部组件
生命周期钩子函数
生命周期钩子函数
vue项目
1. 安装 webpack npm install webpack -g （这个是工具，与具体项目无关）
2.安装vue脚手架npm install -g @vue/cli （这个是工具，与具体项目无关）
3. 在项目文件夹里执行 # 初始化vue项目 vue init webpack vue-demo
4. 运行npm run dev ，访问8080端口
vue项目目录结构：
index.html加载组件:app.vue，
其他组件xxxx.vue写到src/compoments中
每个组件都有三个标签<template></template><script></script><style></style>.
router/index.js中加入以下，说明导入h1组件。域名/h1路由到h1组件
在app.vue中加入<router-view/>，路由到某个组件的内容显示到这个标签里面
element-ui
官网： https://element.eleme.cn/#/zh-CN/component/installation
# 直接npm安装，在项目中执行 npm i element-ui -S
或者在main.js中引入样式
并使用
例子：
1.在此处复制示例代码，粘贴到app.vue(index.html先加载app.vue)的指定位置
<template></template><script></script><style></style>.
2.将列表的代码，也就是下面注释的代码，单独放入一个组件 myt.vue，并在原来位置加入<router-view>
3.修改app.vue的 router为TRUE，以及用户列表的超级链接
4.index.js引入import myt from '@/components/myt' 并新增路由
5.启动，点击用户列表，加载列表的组件并显示到指定位置！！