1. 干什么的？
- 是初始化vue实例并使用需要的插件
- 并且将你的内容渲染到主页面上
- 是你的项目的入口文件
- 它执行的时候都是从你的 main.js 从上到下的执行的
2. 初始内容介绍
import Vue from 'vue' // 引入VUE核心库
import App from './App.vue' // 引入一个当前目录下的名字为App.vue的组件
Vue.config.productionTip = false; // 是否要在生产环境当中给予提示功能。
new Vue({ // 生成一个VUE实例
render: function (h) { return h(App) }, // 渲染函数,将组件App渲染到挂载的元素上。
}).$mount('#app') //这个 #app 是挂载在 public 主页面上的，你打开index 就会看到 这个元素 id
3. 插件的使用
这里以 vuex 来介绍
- 首先我们要下载好 vuex 插件
- vuex入门文章，有兴趣的可以看看
- 然后就是初始化 vuex，就是将 vuex 添加到我的项目中来，你光安装了还需要引用才能使用呢
- 当然，新创建完成项目的时候会自动引入 ，但是当我们新添加的要自己引入
- 可以看到图片中有一个白色方块
- 我用它打印一下，看看我们引入的到底是什么
- 可以看到这个内容为 你的 vuex 所有内容传递过去了
- 我们可以把整个页面比作一个舞台，而上面的每个页面就是演员
- 这里就是传递给了舞台，然后所有的页面都可以使用
- 如果没有传递，你调用的时候是调用不到 vuex 里面的数据的
既然将vuex 传递过去了，那么我的页面就可以使用了
这时我将 在 App.vue 页面进行打印 App.vue 这个实例
/-----------------App.vue------------------------/
<script>
export default {
mounted(){
console.log(this)
}
}
</script>
- 结果无疑是非常长的，但是我们能在里面找到 $store
- 并且能在里面看到我们的数据
- 这样我们就能调用它了
