vue初学

作者: 从前慢pearl | 来源:发表于2018-04-10 11:36 被阅读0次

1,在js入口文件中引入css样式文件

图片.png

2,引入依赖及子组件

图片.png

3,数据循环 数据绑定

图片.png

4,DOM节点显示隐藏

图片.png

5,axios接口配合发送获取数据

图片.png

6,在哪个钩子获取后端数据

图片.png 图片.png

7,

v-if : DOM节点的插入和删除
v-show : DOM节点的显示隐藏

8,父组件把数据传到子组件

图片.png
图片.png

9,在子组件里面获取元素节点

图片.png
图片.png
图片.png

怎么办?
方法一: 数据来了再加载子组件 那么 在mounted里面 就可以获取到元素节点


图片.png 图片.png

方法二: watch使用监听
监听源数据 和 第一次更新数据后


图片.png
图片.png

相关文章

  • Vue 2.0 简单项目创建

    Vue 2.0 简单项目创建初学vue的入门项目,可以避免很多初学者的坑。

  • vue初学:

    1.环境配置:http://www.runoob.com/w3cnote/vue2-start-coding.html

  • 初学Vue

    一、Vue.js下载 1.Vue在线链接 https://www.bootcdn.cn/ 2.Vue官网 ...

  • vue初学

    1,在js入口文件中引入css样式文件 2,引入依赖及子组件 3,数据循环 数据绑定 4,DOM节点显示隐藏 5...

  • 初学vue

    Vue通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件; 一个简单vue实例 组件化 组件(Compo...

  • Vue初学

    今天看着Vue实例照着打,结果一直报错: [Vue warn]: Do not mount Vue to or -...

  • vue初学

    Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统

  • VUE初学

    vue-cli(vue脚手架) 1.安装vue-cli ① 使用npm(需要安装node环境)全局安装webpac...

  • vscode怎么创建自定义代码模板

    本文以Vue的创建为例,不过这个Vue是在HTML中创建的。 初学Vue,我们一般都是在.html文件中引入vue...

  • vue3.0+vite+Cesium使用记录

    项目使用,本项目使用vite与vue vue3.0项目Vite + JSCesium初学,做记录 序言 Cesiu...

网友评论

    本文标题:vue初学

    本文链接:https://www.haomeiwen.com/subject/ddhycftx.html