1.vue 页面

快捷键alt TAB 切换页面CTRLC复制CTRLV粘贴CTALF5打开页面alt A 微信截图CTALS保存文件-加空格是小点点#加空格大标题CTALz撤销操作##加空格二标题 在一标题下面CTALA全选ctalX剪切vue页面第一步准备容器div idapp {{ msg}} /div第二步引包(开发版)script srchttps://cdn.jsdelivr.net/npm/vue2.7.16/dist/vue.js/script第三步创建vue实例script const app new Vue() /script第四步指定配置项→渲染数据el 先写el和data再分开data注意点el data后面都是跟的英文冒号el冒号后面是英文的单引号内容里要加井号el data之间要用隔开new vue的里面要先用{}包裹el和data shift加p旁边那个键data的冒号后面跟的英文大括号{}括号里面的内容是msg:冒号yingwen单引号msg可以变成任意的英文字母只要上面使用这个el是配置选择器指定配置项两个内容要用隔开两个渲染分开都是两个{{}}括号!DOCTYPE html html langen head meta charsetUTF-8 meta http-equivX-UA-Compatible contentIEedge meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body !-- 创建 -- div idapp {{ ccccc}} {{ ddd}} /div script srchttps://cdn.jsdelivr.net/npm/vue2.7.16/dist/vue.js/script script const app new Vue({ el:#app, data:{ ccccc:dqh, ddd:3333 } }) /script /body /html渲染逻辑两个括号{{}}第二层 再加data内容只要msg打出页面暂停ctalS保存ctalf5打出页面总结