脚手架
首先需要安装nodejs,然后将npm路径改成淘宝镜像
再安装脚手架,即vue官网中的vue CIL,文档说明中有写输入什么进行安装
在cmd中选一个文件夹路径,桌面也可以,然后输入vue create xxx(这里的xxx是项目的名称)
选择版本,创建完成后,然后在cmd的文件夹中输入npm run serve来运行
之后会显示两个地址,可以将地址给其他人一起用
当创建完成xxx文件夹之后,文件夹会生成几个文件,对于main.js中的代码解释如下:
// 该文件是整个项目的入口文件
import Vue from 'vue'
//引入Vue
import App from './App.vue'
//引入App组件,它是所有组件的父组件
Vue.config.productionTip = false
//关闭Vue产生的提示
//创建Vue实例对象-----vm
new Vue({
el:'.app',
//写这个了就不用写$mount了,这俩是对应的
render: h => h(App),
})//.$mount('.app')
生成的文件中,以下绿色框中的为不可修改文件,粉色框中的为可以修改的文件
ref属性的使用
props定义接收类型,将它写在.vue文件中
Vue实例绑定的元素叫根元素,根元素不能使用class命名,比如App.vue文件中的组件
Vue插件的使用
在文件夹中创建一个js文件,随便命名,最好命名为plugins,在里面写上
export default {
install(){
}
}
再到main.js中写上使用插件的代码
import plugins from "./plugins";
//引入插件
//使用插件
Vue.use(plugins)
scoped标签
通过lang可以引入语言,比如,引入less