vue2.0-vue文件的学习

一 sublime vue语法高亮插件安装

sublime开始是不会识别vue文件的,所以我们要设置。并安装插件,Vue Syntax Hightlight

1.在sublime中打开PackageControl,快捷键Ctrl+shift+p

2.打开install Package 窗口。

3.输入Vue Syntax Hightlight,回车安装即可。

二,vue文件的语法

1.vue文件:是用类html语法描述的vue组件。

主要是三个部分:<template></template>--里面所放便是html语法。

<script><script>--里面放的就是js语法,代码要用export default去导出。

<style></style>--里面放的就是html的语法

App.vue就是根组件。在跟组件里也可以引用其他组件。

使用js文件来进行改变时:

最基本的语法,先new一个vue出来。

其中,el是挂载点。------就是转载到什么页面上。也可以是el:'body'.

data就是构造参数,里面放的内容可以在html页面中渲染出来。{{}}就是渲染的方式。

data里的内容改变时,其他组件也会跟着改变,如果不想变化,那就加上return返回值。

猜你喜欢

转载自www.cnblogs.com/whh-16/p/9084430.html