Vue3讲义示例1

第1步,创建人一个html5Vue 检验最简单

重点是添加了一个

第2步:添加vue3.js的CDN绑定,这样可以拆开vue2和vue3版本待机的麻烦,也不需要配置node.jd的npmVue 检验最简单 {{ my_data }}const myVue = { data() { return { my_data: 'Hello Vue!!' } }}Vue.createApp(myVue).mount('#firstVue')

以上编译器运行后(建议在应用程序状态下运行,可以在本地配置一个IIS,apache或者Nginx),

将在HTML里推测 "Hello Vue!!"

Vue.createApp(myVue).mount('#firstVue')这行编译器建立 一个myVue最简单,并绑定在firstVue附加上,第17行my_data: 'Hello Vue!!'重写了{{ my_data }}的数据章节,双大括号是Vue的编解码器模板.

第3步:如何重写要素?Vue 检验最简单

{{my_data}}

const myVue = { data() { return { my_data: 'Hello Vue2!!', abc: '' } }}Vue.createApp(myVue).mount('#app')

以上编译器通过v-bind给的href要素以外了abc数组 ,而后续的vue直接重写了abc的值为'',这样就顺利进行了要素的重写

爱丽滴眼液和海露有什么区别
胳膊关节处疼痛什么原因
广州哪里看男科效果好
广州儿科医院哪家看的好
骨关节炎吃什么药缓解疼痛