张店网站建,我局在网站建设方面,好看的网站首页设计,百度数据库目录
前言
hello vue
为什么要new Vue(),而不能直接调用Vue()?
Vue构造函数中的形参options
template配置项
$mount()方法 前言
从此篇博客开始#xff0c;将开启vue的学习#xff0c;查缺补漏。
只要学计算机语言#xff0c;那么hello xxx那一定是入门第一行代码了…目录
前言
hello vue
为什么要new Vue(),而不能直接调用Vue()?
Vue构造函数中的形参options
template配置项
$mount()方法 前言
从此篇博客开始将开启vue的学习查缺补漏。
只要学计算机语言那么hello xxx那一定是入门第一行代码了本文就来解析hello vueVue的入门代码
hello vue
代码
直接下载的vue.js文件用script引入
vue2官网
div idapp/divscriptconst myVue new Vue({template:h1hello vue!h1})myVue.$mount(#app)/script 为什么要new Vue(),而不能直接调用Vue()? 如下图可以看到vue就是一个构造函数如果不创建实例的话就会报错所以需要new一下 Vue构造函数中的形参options 在vue框架中要求options参数必须是一个纯粹的js对象{}而在js对象中可以编写大量的key:value对。一个key:value对就是一个配置项options这个参数就是来给Vue实例指定多个配置项的 template配置项 template配置项是用来指定模板语句的而模板语句就是Vue框架自己制定的一些特殊符号Vue框架有自己的模板语句语法规则书写时需要遵守其语法规则模板语句可以是纯粹的html代码也可以是vue自定义的一些特殊符号html代码。 在template后面的模板语句会被Vue框架编译器编译成浏览器能够识别出来的html代码 $mount()方法 Vue实例都有一个$mount()方法其作用是将Vue实例挂载到指定位置