vue入门细节

1、npm init 初始化package.json文件，npm install下载所需依赖包；

v-bind绑定属性

1、在vue实例中data属性中有一个 job : 'https://github.com/sunyinge0902'，本来想的是在a标签href属性中可以直接{{ job }}，就可以获取到地址的，然并卵，之后想起href是个属性，可以用v-bind绑定属性：

<a v-bind:href="https://github.com/sunyinge0902 ">web开发</a>

v-html绑定字符串解析html

2、实例中 data：{websiteTag：“<a href='https://github.com/sunyinge0902'>web开发</a>”}，在html中想要解析出它需要用一个标签绑定

<p v-html="websiteTag"></p>在页面中就会是一个相当于p标签中有一个a标签的链接

Vue-cli中css的scoped（域）

3、style标签加上这个属性之后，当前的标签包裹的样式只用于本页面。在浏览器控制台中查看可以看到vue有自动生成自定义属性，用于选择器匹配，所以只匹配当前的页面的样式。

vue中传值两种方式：父→子 （属性传值）、 子→父

1、父→子 （属性传值）：

绑定属性传值（string number boolean）：两个子组件之间不会受到关联，改变其中一个不会改变另一个；

传引用（array object）：两个子组件之间会发生牵连，改变其中一个另一个也会改变；

2、 子→父（事件传值）：

自定义事件 this.$emit（‘事件名’）;

1、vue-router  ： npm install vue-router --save-dev

Vue.use(vueRouter);

router需要在根元素中注册下；

<router-view></router-view>用来存放路由过来的内容；

<router-link to="/路由名字"></router-link> 如同 a标签   不同的是 router-link不刷新页面。

2、vue-resource ：npm install vue-resource --save-dev

请求数据，下载引用如路由，则可以在任何组件中使用$(http).get()。