- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue中ref属性、_props配置、_mixin混入
= props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务确实需要修改，那么复制props的内容到data中一份，然后修改data中的数据==Food.vue接收App.vue传递过来的数据（Food的名称和价格）（用props接收）//不传默认值 这里接收的是String类型的价格，所以传的时候要传String类型。// // name: '酸辣土豆丝',// // price:'12元'App.vue传递数据给Food.vue。
2024-04-07 12:10:25
1881
1
原创 Vue创建脚手架项目
vue脚手架创建项目要使用Vue脚手架创建一个新的项目，请按照以下步骤操作：确保你已经安装了Node.js和npm。安装Vue CLI（Vue的官方命令行工具）：这里我已经安装完了 从创建项目开始演示打开vscode终端（ctrl + ~）直接输入以下命令我这里创建到C盘上了，你可以切换到别的盘符此时屏幕会显示?选择你要创建vue2或者vue3项目，这里我选的是vue2（键盘上下按键就可以选择,完毕后按回车）此时屏幕会显示一些信息等待即可。
2024-04-06 11:58:48
590
1
原创 ES6 exports 与 import 使用
一般情况下，export 导出的变量名是原文件中的变量名，但也可以用 as 关键字来指定别名。为了方便使用模块导入，在一个父模块中“导入-导出”不同模块。混合导出是 Named exports 和 Default exports 组合导出。使用：只需要在变量或函数前面加 export default 关键字即可。1.export 后面不可以是表达式，因为表达式只有值，没有名字。这种方式主要用于导出多个函数或变量，明确知道导出的变量名称。使用：只需要在变量或函数面前加export关键字即可。
2024-04-05 21:41:19
892
1
原创 Vue.js自定义指令
除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点：</</// 注册一个全局自定义指令 v-focusdirective'focus'// 当绑定元素插入到 DOM 中。insertedelfocus// 创建根实例newVueel'.app'</</我们也可以在实例使用 directives 选项来注册局部指令，这样指令只能在这个实例中使用：</</
2024-04-03 19:49:58
2052
1
原创 Vue.js表单中的双向绑定事件
在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符。我们可以用v-model指令在表单控件元素上创建双向数据绑定。复选框如果是一个为逻辑值，如果是多个则绑定到同一个数组。在修改页面中的数据 vue中相应的数据也会被修改。单选按钮的双向数据绑定。
2024-03-30 21:56:33
1956
原创 Vue中的事件处理
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。Vue.js 通过由点 . 表示的指令后缀来调用修饰符。.stop- 阻止冒泡.prevent- 阻止默认事件.capture- 阻止捕获.self- 只监听触发该元素的事件.once- 只触发一次.left- 左键事件.right- 右键事件.middle- 中间滚轮事件.stop。
2024-03-27 17:05:36
240
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人