为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js入门基础

fishenal Web前端工程师
难度中级
时长 1小时50分
学习人数
综合评分9.17
315人评价 查看评价
9.4 内容实用
9.2 简洁易懂
8.9 逻辑清晰
重新更新了node,按照老師來,沒有任何問題的。
data: vue对象的数据

method : vue对象的方法

watch: 设置对象的监听方法

模版指令:
数据渲染:
v-text
v-html
{{}}

控制模块隐藏
v-if
v-show

<div v-if="isShow"/> 不加载
<div v-show="isShow"/>
循环列表: v-for

时间绑定: v-on

<button v-on:click="doThis"/>
<button @click="doThis"/>
methods:{
doThis: function(something) {
}
}
属性绑定:v-bind
1 宝贝宝贝宝贝吧
npm install -g vue-cli
vue init webpack my-first-vue-project

cd my-first-vue-project
npm install
npm run dev
cnpm install
这是个中级课程,看不懂的建议先去补相关的初级课程。要讲的面面俱到你们又该说老师啰嗦了
自己使用vue2.0做的音乐demo,大家可以相互学习一下。
github:https://github.com/yuzhenyou/CloudMusic
把事件放到data里,也是有反应的,且跟把method选项下是一样的,我可以这么理解,放到method选项里,是为了好理解,毕竟设计出来,就是考虑了对象的方法
要知道,老师的技术水平不是很拔尖的那种,如果拔尖了,也会在教育这一块了,而是驰聘大公司
<HelloWorld/>
<ComponentA/>

<hello-world></hello-world>
<component-a></component-a>
都可以,
不转成小写加“-”,就必须是单标签形式。
讲的还不错,自己水平太烂,看了几遍才完全明白。
我想说我找不到脚手架工具。。。
按着老师的教程敲代码,结果报错了,说newItem没有实例定义但在引用渲染。要在data里面定义newItem为空就可以了
支持老师,我觉得听课比看文档理解起来容易多了
讲的很好,思路很清晰;建议先看下vue官网的教程,再来看视频,事半功倍!
去 https://cdn.jsdelivr.net/npm/vue 里把内容全选,另存为vue.js,引入到index.html等页面中

<body>
<div id="app">
{{ message }}
</div>
</body>
<script src="js/vue.js"></script>自己文件的路径
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
课程须知
1. 有html,css,js前端开发基础 2. 了解前端工程化,node,webpack gulp等 3. 对前端模块化有基本的概念 4. es6 的一些基本语法
老师告诉你能学到什么?
1. vuejs的背景及其项目相关知识 2. 了解流行的前端项目搭建方式 webpack + gulp 3. 用 vue-cli 脚手架工具初始化vue项目 4. 学习vue项目基本的结构和开发方法 5. 学习使用vuejs常用的接口和方法 6. 教程中教你如何在一个项目中使用vuejs

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消