native修饰符

修饰符允许你控制由精确的系统修饰符组合触发的事件

sync修饰符

主要用户传递prop数据的时候,子组件要修改这个prop的一种语法糖

Dialog 对话框组件的搭建

vue-cli的安装

脚手架就是能够帮助我们快速搭建项目的一种工具
安装 npm install -g @vue/cli

使用脚手架快速创建vue项目

  1. 选择一个文件夹,在这个文件夹下打开命令行工具
  2. 使用 vue create <projectName>

vue项目结构

.git

  • node_modules
  • public 静态资源文件,存放html、css、js、img。
  • src 源代码文件夹(在这写代码,这里的代码会经过打包)

    • assets 静态资源文件,是会被webpack处理的静态资源 (主要放的 css 和 img)

      • logo.png
    • components 公用的组件文件夹

      • HelloWorld.vue 组件
    • App.vue 全局老二组件
    • main.js 最最重要的文件,入口文件*
  • .gitignore git忽略文件设置
  • babel.config.js babel的配置文件
  • package-lock.json 依赖锁文件
  • package.json 项目描述文件
  • README.md 读我文件

rander的运用

render选项与template选项都是可以设置组件的模板内容的东西。但是两者不能同时使用,你选择一种即可。一般都是使用template。因为更简单

单文件组件

.vue 后缀的文件,就是vue的单文件组件
这个文件中主要有三大块内容

  1. template 组件的模板
  2. script 组件的逻辑
  3. style 组件的样式

ESLINT代码风格检查工具可以规范我们写代码

vue的二种版本

完整版可以使用template与render
只包括运行时候的版本 只能使用render

Last modification:December 26th, 2019 at 08:59 am
如果觉得我的文章对你有用,请随意赞赏