2020年2月19日
摘要：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1 阅读全文
2020年2月19日
2020年2月18日
摘要：
程序结构： 1. 顺序结构 2. 选择结构 3. 循环结构 选择结构： 选择机构用于判断给定的条件，根据判断的结构来控制程序的流程。 条件判断： 1. if语句——只有当指定条件为true时，使用该语句来执行代码。 (1) 如果条件表达式1为真，则执行语句快1，其他不执行 (2) 如果条件表达式1不 阅读全文
2020年2月17日
摘要：
HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名： Vue.component('blog-po 阅读全文
2020年2月16日
摘要：
v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <h1 v-if="awesome">Vue is awesome!</h1> 也可以用 v-else 添加一个“else 块”： <h1 v-if="awesome">Vue is a 阅读全文
2020年2月15日
摘要：
虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。 当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。 例如： <div id="watch-example"> <p> Ask a 阅读全文
2020年2月14日
摘要：
计算属性缓存 vs 方法 你可能已经注意到我们可以通过在表达式中调用方法来达到同样的效果： <p>Reversed message: "{{ reversedMessage() }}"</p> // 在组件中 methods: { reversedMessage: function () { ret 阅读全文
2020年2月13日
摘要：
件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树： 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。在 Vue 中注册组件很简单： // 定义名为 todo-it 阅读全文
2020年2月12日
摘要：
为了让用户和你的应用进行交互，我们可以用 v-on 指令添加一个事件监听器，通过它调用在 Vue 实例中定义的方法： <div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">反转消息</button> </d 阅读全文
2020年2月11日
摘要：
控制切换一个元素是否显示也相当简单： <div id="app-3"> <p v-if="seen">现在你看到我了</p> </div> var app3 = new Vue({ el: '#app-3', data: { seen: true } }) 现在你看到我了 继续在控制台输入 app3 阅读全文
2020年2月10日
摘要：
排版（bootstrap） 标题 如果需要向任何标题添加一个内联子标题， 只需要简单地在元素两旁添加 <small>，或者添加 .small class， 这样子您就能得到一个字号更小的颜色更浅的文本， <h1>我是标题1 h1. <small>我是副标题1 h1</small></h1> <h2> 阅读全文