下拉框 ：
--请选择-- A B C选中的是 ： {{selected}}
component
Title
Title
currentTime1: {{currentTime1()}}
currentTime2: {{currentTime2}}
结论:
调用方法时，每次都需要进行计算，既然有计算过程则必定产生系统开销，那如果这个结果是不经常变化的呢?此时就可以考虑将这个结果缓存起来，采用计算属性可以很方便的做到这一点,计算属性的主要特性就是为了将不经常变化的计算结果进行缓存，以节约我们的系统开销;
Title
<todo-items slot="todo-items"v-for="item in todoItems" :item="item">
node -v
npm -v
npm install cnpm -g
安装的位置 c:user/administrator/appData/Roaming/npm 隐藏文件打开
安装vue-cli
cnpm install vue-cli -g
vue list
vue init webpack myvue
cd myvue
npm install
npm rum dev
npm install webpack -g
npm install webpack-cli -g
测试安装成功
webpack -v
webpack-cli -v
使用webpack
1.创建项目
2.创建一个名为modules的目录，用于放置JS模块等资源文件
3.在modules下创建模块文件，如hello.js，用于编写JS模块相关代码
//暴露一个方法：sayHi
export.sayHi=function(){
document.write("
};
4.在modules下创建一个名为main.js 的入口文件，用于打包时设置entry 属性
//require导入一个模块,就可以调用这个模块中的方法了
var hello = require( "./hello");
hello.sayHi();
5.在项目目录下创建webpack.config.js配置文件，使用webpack 命令打包
module.exports = {
entry : "./modules/main.js",
output :{
filename : "./js/bundle.js"
}
}
6.在项目目录下创建HTML页面，如 index.html，导入 WebPack打包后的JS文件
7.在IDEA控制台中直接执行webpack;如果失败的话,就使用管理员权限运行即可!
8.运行HTML看效果
#安装
npm install vue-router --save-dev
测试
1、先删除没有用的东西
2、components目录下存放我们自己编写的组件
3、定义一个content.vue的组件
4.安装路由，在src目录下,新建一个文件夹:router ，专门存放路由
5.在main.js中配置路由
6.在App.vue中使用路由
1.cmd
vue init webpack hello-vue
一路no
#进入工程目录
cd hello-vue
#安装vue-router
npm install vue-router --save-dev
#安装element- ui
npm i element-ui -s
#安装依赖
npm install
#安装SASS 加载器
cnpm install sass- loader node-sass --save-dev
#启动测试
npm run dev
#有错就修复
3.idea open
4.创建首页视图，在views目录下创建一个名为Main.vue 的视图组件;
创建登录页视图在views目录下创建一个名为Login.vue的视图组件，其中el-*的元素为ElementUI组件;
elementUI链接地址 element.eleme.cn/#/zh-CN/com…
代码是拷贝的
5.index.js
6.main.js
7.记得把sass的版本8.0.0 降低 为 7.3.1 npm install 或 cnpm install
8.app.vue
9.npm run dev
10.访问
修改路由配置，代码如下
最后
资料过多，篇幅有限
自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
