vue3学习笔记5——自定义组件 vue3学习笔记5——自定义组件 2023-08-27 Cooper Zhu technology vue3 git: https://github.com/hi-cooper/vue-learning.git 1 组件间传参 **父组件-->子组件:**defineProps **子组件-->父组件:**defineEmits(即自定义事件) 1.1 示例 * MyComponentView.vue <template&
vue3学习笔记3——DOM绑定JS变量/函数 vue3学习笔记3——DOM绑定JS变量/函数 2023-08-24 Cooper Zhu technology vue3 see:https://github.com/hi-cooper/vue-learning.git 途径: * **Element Text:**双大括号模板{{ <变量/函数/简单js表达式>}} * Element Attribute:[v-bind]:attribute * **Element Event:**v-on:event(简写@
vue3学习笔记4——JS操作DOM vue3学习笔记4——JS操作DOM 2023-08-24 Cooper Zhu technology vue3 see:https://github.com/hi-cooper/vue-learning.git 1 方法 1)声明ref变量refContainer; 2)DOM元素添加ref属性,值指向refContainer 3)使用refContainer.value即可操作DOM元素 <template> <!-- DOM元素添加"ref&
vue3学习笔记2——第一个vue应用 vue3学习笔记2——第一个vue应用 2023-08-21 Cooper Zhu technology vue3 git: https://github.com/hi-cooper/vue-learning.git 1 第一个vue应用 前提:已安装NodeJs (https://nodejs.org) npm init vue@latest cd vue-learning npm install npm run format
vue3学习笔记1——基本知识 vue3学习笔记1——基本知识 2023-08-12 Cooper Zhu technology vue3 see: https://cn.vuejs.org/ 1 文件结构 以.vue结尾,文件结构 <script> // JS代码 </script> <template> <!-- HTML代码 -->