vue3安装环境

安装环境

node,cnpm,vue

以上环境完成后

//安装淘宝镜像
npm install -g cnpm -- registry=https://registry.npm.taobao.org

//安装vue
cnpm i -g vue @vue/cli

//检查VUE安装是否完成
vue -V

//创建项目
vue create demo

空格选择如上选项，回车下一步
选择3.0版本

预设项配置信息，最后需要配置一个默认的模板项目名称，下次创建新项目就直接选择这个默认的模板项目名就可以该项目模板创建了，不再走上面的流程，自带相关配置项

进入项目，启动项目如下命令

                
 $ cd vue-demo  
 $ npm run serve

vue3.0入门资料

除了官方文档，这里推荐个简短的视频教程，比较小

https://www.bilibili.com/video/BV1WK4y1J7fs

vue组件

和vue2.0组件没什么差别，仍然是如下组件
routes 路由组件，路由模式hitory，hash两种模式,路由传参

夫子组件传值：props接收父组件值,ctx.emit(‘send’,msg)发送消息给父组件

<child :msg="msg"  @send="sendUpdate"></child>

store 状态组件
组件动态更新store数据，

store.commit("update",msg)

computed计算属性：动态更新计算后的结果