240 发简信
IP属地:上海
  • 我就用了几个控制器,就相对熟悉其中的两个。。。。

    THREEJS 笔记4 控制器篇

    threeJS 支持多种控制器,每个控制都必须加载对应的控制器插件后才能使用。控制器不仅能使用鼠标移动镜头,还能通过按键进行操控。 但是控制器要生效必须在renderer中使...

  • 4. 组件component

    一个基本的组件结构如下: 有三部分组成:template:存放html代码script:存放脚本代码style:存放css代码

  • 3. 路由router

    在src目录下,你可以看到一个router文件夹,里面有一个index.js文件。该文件控制页面的跳转,基本的解构如下: 其中routes里面就配置了跳转的路由,我们可以通过...

  • 2. 新建项目

    使用命令:vue init webpack创建项目,按照需求添加需要的插件 安装完成后,使用npm run dev命令让项目跑起来,一般会放在8080端口上。 打包使用npm...

  • 1. 开始搭建环境

    安装node.js去官网:https://nodejs.org/zh-cn/即可下载最新版的node,推荐v10以上的版本 安装node,node自带环境配置,所以无脑安装即...

  • 25. 过滤器

    vue允许自定义过滤器,可用于文本的格式化,过滤器可用在{{}}或者v-bind表达式上,它应该被添加在表达式尾部,由|符号表示。 你可以在组建的选项中定义本地的过滤器: 或...

  • 24. 插件

    插件通常为vue添加全局功能,一般有以下几种: 添加全局方法或者属性 添加全局资源——指令,过滤器,过渡等等 通过全局混入来添加一些组件选项,如vue-router 添加vu...

  • 23. 渲染函数和jsx

    通常情况下,在我们使用模板的时候,不太方便在模板内部根据需要切换不同的标签,如:提供一个参数,根据这个参数模板返回h1-h7的标签,并填上内容,一般情况下会是这样—— 但这样...

  • 22. 自定义指令

    指令,如v-show ,v-if等等都有各自的功能,然而我们经常会感觉这些指令不够用,所以我们需要自己定义一些指令: 如上是一个简单的指令,作用很简单,就是点击后将背景变成红...

  • 21. 混入

    如果我们有一组公共数据,方法,如ajax链接,适配方法等等,我们不能也不太可能去一个个的组件里写上这些,所以我们需要混入来将公共的内容混入到需要的组件上: 如上,mix就被混...

  • 20. 过渡动画

    Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如...

  • 18. 动态组件和异步组件

    使用is可以切换组件 我们可以使用is来动态的切换组件: 当data中的componentName的值改变的时候就会切换componentName代表的组件,如compone...

  • 17. 插槽

    插槽内容 组件标签中间是可以塞内容进去的,而这个内容就是slot,插槽。只有启动了插槽才能显示标签内容—— 编译作用域 当你想在一个插槽内使用数据的时候,请注意拿到的数据是父...

  • 16. 自定义事件

    事件名称 不同于组件和 prop,事件名不会被用作一个 JavaScript 变量名或属性名,所以就没有理由使用 camelCase 或 PascalCase 了。并且 v-...

  • 15. 组件的Prop

    prop的大小写 因为html对属性并不敏感,所以参数最好不要使用大写,而去使用短杠方法。 prop类型 一直以来的prop都是直接以字符串的形式存在数组中的: 但如果是【开...

  • 14. 全局和局部组件注册

    组件名 组件名称建议使用【-】的方式,如aaa-b 全局注册 该方法注册的组件为全局组件,在任何地方都可以使用。但是这样一来就可能出现非常多的无用组件(想象一下大量的全局变量...

  • 13. 组建基础

    基本示例 所谓的组件,其实就是个小的vue实例,只不过换了个名字,所以vue带有的data,methods,computed,生命周期钩子等等它都会有。 组件复用 组件可以任...

  • 12. input表单输入数据绑定

    你可以使用v-model在input之类的表单里面进行数据绑定,v-model会自动根据类型绑定数据,以及输出值: 如果 v-model 表达式的初始值未能匹配任何选项, ...