深秋的浮生小记
当时明月在,曾照彩云归
🔖vue
组件化:封装的思想,把页面上可重用的部分,封装为组件,从而方便项目的开发和维护一个页面,可以拆分成一个个组件,一个组件就是一个整体,每个组件都可以有自己独立的结构样式和行为组件通信每个组件的变量和值都是独立的,在进行值传递时,则需要用到组件通信1.父传子示例创建一个父文件,father.vue<template>
<div>
<!--
目标: 父(App.vue) -> 子(MyProduct.vue) 分别传值进入
需求: 每次组件显示不同的数据信息
步骤(口诀):
1. 子组件 - pro
组件化:封装的思想,把页面上可重用的部分,封装为组件,从而方便项目的开发和维护一个页面,可以拆分成一个个组件,一个组件就是一个整体,每个组件都可以有自己独立的结构样式和行为组件通信每个组件的变量和值都是独立的,在进行值传递时,则需要用到组件通信1.父传子示例创建一个父文件,father.vue<template>
<div>
<!--
目标: 父(App.vue) -> 子(MyProduct.vue) 分别传值进入
需求: 每次组件显示不同的数据信息
步骤(口诀):
1. 子组件 - pro
vue是一个渐进式javascript框架,更快的处理速度,更省时间的代码工程MVVM的设计模式,通过数据驱动视图改变,通过vue内部源码操作Dom元素,达到不操作Dom,只改变数据,来达到页面变化----08.29 amvue环境配置工程化开发方式(webpack环境下)@vue/cli是vue官方提供的一个全局模块包vue create vuecli-demo 创建一个vue项目//定位至创建的文件夹
cd vuecli-demo
//开启项目服务器
npm run serve@vue/cli 脚手架目录 vuecil-demo # 项目目录
├── node_mo
vue是一个渐进式javascript框架,更快的处理速度,更省时间的代码工程MVVM的设计模式,通过数据驱动视图改变,通过vue内部源码操作Dom元素,达到不操作Dom,只改变数据,来达到页面变化----08.29 amvue环境配置工程化开发方式(webpack环境下)@vue/cli是vue官方提供的一个全局模块包vue create vuecli-demo 创建一个vue项目//定位至创建的文件夹
cd vuecli-demo
//开启项目服务器
npm run serve@vue/cli 脚手架目录 vuecil-demo # 项目目录
├── node_mo