Vue是用与2构建用户界面的渐进式框架;
思维导图层层递进
Vuejs核心包 (声明式渐染、组件系统)、客户端路由(vueRouter)、大规模状态管理(Vuex)、构建工具(webpack;/vite)
Vue的两种使用方式:
1、vue核心包开发
场景:局部模块改造
2、VUE核心包&vue 插件 工程化开发
场景:整站开发;
VUE是什么
1、构建用户界面:基于数据动态构建页面;
2、渐进式:循环渐进的学习;
3、框架:一套完整的项目解决方案,提升开发效率(理解记忆规则)
规则- 官网
3、插值表达式{
{ }}
1、作用:利用表达式进行插值,渲染到页面上,表达式:是可以被求值的代码,JS引擎将会计算出一个结果,
2、语法:{
{ 表达式}}
4、注意点:
a、使用的数据必须存在(data)
b、支持的是表达式,而非语句 if ----for
c、不能再标签中使用{
{}} 插值
eg: <p title=“{
{}}”>我是标签
5、Vue核心特性 响应式
数据改变 ,视图会自动更新
数据 (修改数据)监听到数据改变 (自动更新视图(dom操作)) 视图界面
6、如何访问和修改数据呢
data中的数据最终会被增加到实例上
a、访问数据:实例名.属性
b、 修改数据:实例名.属性=‘修改的值’
7、开发工具的安装
安装vue开发工具:装插件调试vue应用
a、通过谷歌应用商店安装(外网)
b、极简插件:下载->开发者模式->拖拽安装->插件详情允许访问文件
https://chrome.zzzmh.cn/index