vue入门细节

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

v-bind绑定属性

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

web开发

v-html绑定字符串解析html

2、实例中 data:{websiteTag:“web开发”},在html中想要解析出它需要用一个标签绑定

在页面中就会是一个相当于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需要在根元素中注册下;

用来存放路由过来的内容;

如同 a标签   不同的是 router-link不刷新页面。

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

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

你可能感兴趣的:(vue入门细节)